<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播图</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4536705_shlpl0p0nk.css">
    <link rel="stylesheet" href="css/轮播图.css" type="text/css">
</head>

<body>
    <header>
        <img src="image/樱花飘落.webp" alt="">
        <div class="nav1" id="nav1">
            <ul>
                <li id="nav2">首页</li>
                <li>番剧</li>
                <li>直播</li>
                <li>游戏中心</li>
                <li>会员购</li>
                <li>漫画</li>
                <li>赛事</li>
                <li>
                    <input type="search" placeholder="请输入关键字">
                    <span class="iconfont icon-sousuo" id="search"></span>
                </li>
                <li>大会员</li>
                <li>消息</li>
                <li>收藏</li>
                <li>历史</li>
            </ul>
        </div>
    </header>
    <div class="main">
        <div class="carousel">
            <img id="carousel-img" src="image/凑数.webp" alt="">
            <div id="left"> <span class="iconfont icon-zuozuo-" ></span></div>
            <div id="right"> <span class="iconfont icon-youyou-" ></span></div>
            <ul>
                <li class="btn"></li>
                <li class="btn"></li>
                <li class="btn"></li>
                <li class="btn"></li>
                <li class="btn"></li>
                <li class="btn"></li>
              
            </ul>
        </div>
        <div class="container">
            <img src="image/凑数.webp" alt="">
            <img src="image/凑数2.webp" alt="">
            <img src="image/凑数3.webp" alt="">
            <img src="image/凑数4.webp" alt="">
            <img src="image/凑数5.webp" alt="">
            <img src="image/凑数6.webp" alt="">

        </div>
    </div>
    <script src="js/轮播图.js"></script>
</body>

</html>